<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c"   uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>个人中心</title>
    <link href="${rootPath}/static/css/myCenter.css" type="text/css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav qy-no-bg">
    <i class="mui-icon mui-icon-back qy-text-white"></i>
</header>
<div id="imgbox" style="background-image: url('${user.headurl}')">
    <div>
        <div id="myinfo">
            <div onclick="window.location.href='/customer/account/info.do'">
                <div>
                    <img src="${user.headurl}" width="100px" height="100px" class="qy-full-borderRarius" />
                </div>
            </div>
            <p class="qy-text-center qy-text-white qy-font-size-20px qy-margin-top-8px qy-no-margin-bottom">${user.username}</p>
            <p class="qy-text-center qy-text-white qy-font-size-18px qy-no-margin-horizontal">${user.phone}</p>
        </div>
    </div>
</div>
<div class="mui-content qy-no-padding">
    <div class="mui-row qy-bg-white qy-padding-horizontal-8px qy-border-bottom">
        <span class="mui-col-xs-6 qy-text-left qy-padding-left-8px qy-font-size-16px qy-text-black">订单</span>
        <span class="mui-col-xs-6 qy-text-right qy-padding-right-8px qy-font-size-12px">
            <a class="qy-text-gray9" href="${rootPath}/customer/orders/allOrder.do">查看全部&nbsp;&gt;</a>
        </span>
    </div>
    <div class="mui-row qy-text-center qy-bg-white qy-padding-horizontal-8px">
        <a class="mui-col-xs-2 qy-position-relative" href="${rootPath}/customer/orders/unPaid.do">
            <img src="${rootPath}/static/imgs/unpay.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">待付款</div>
            <span class="tipcenter qy-full-borderRarius qy-font-size-10px qy-border-red qy-border qy-text-red qy-position-absolute">25</span>
        </a>
        <a class="mui-col-xs-2" href="${rootPath}/customer/orders/unSubscribe.do">
            <img src="${rootPath}/static/imgs/unsubscribe.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">待预约</div>
        </a>
        <a class="mui-col-xs-2" href="${rootPath}/customer/orders/unHandle.do">
            <img src="${rootPath}/static/imgs/unwork.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">待处理</div>
        </a>
        <a class="mui-col-xs-2" href="${rootPath}/customer/orders/unCheck.do">
            <img src="${rootPath}/static/imgs/uncheck.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">待体检</div>
        </a>
        <a class="mui-col-xs-2" href="${rootPath}/customer/orders/unEvaluate.do">
            <img src="${rootPath}/static/imgs/unevalution.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">待评价</div>
        </a>
        <a class="mui-col-xs-2" href="${rootPath}/customer/orders/refund.do">
            <img src="${rootPath}/static/imgs/refund.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">退款</div>
        </a>
    </div>
    <div class="mui-row qy-margin-top-8px qy-bg-white qy-padding-horizontal-8px qy-border-bottom">
        <span class="mui-col-xs-6 qy-text-left qy-padding-left-8px qy-font-size-16px qy-text-black">钱包</span>
        <span class="mui-col-xs-6 qy-text-right qy-padding-right-8px qy-font-size-12px">
            <a class="qy-text-label" href="${rootPath}/customer/account/balance.do">${user.money}&nbsp;&gt;</a>
        </span>
    </div>
    <div class="mui-row qy-text-center qy-bg-white qy-padding-horizontal-8px qy-border-bottom">
        <a class="mui-col-xs-3" href="${rootPath}/customer/account/balance.do">
            <img src="${rootPath}/static/imgs/money.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">余额</div>
        </a>
        <a class="mui-col-xs-3" href="${rootPath}/customer/account/coupon.do">
            <img src="${rootPath}/static/imgs/discount.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">优惠券</div>
        </a>
        <a class="mui-col-xs-3">
            <img src="${rootPath}/static/imgs/gold.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">金币</div>
        </a>
        <a class="mui-col-xs-3" href="${rootPath}/customer/account/bankCard.do">
            <img src="${rootPath}/static/imgs/bankcard.png" height="25px" />
            <div class="qy-text-black qy-font-size-12px">银行卡</div>
        </a>
    </div>
    <div class="mui-row qy-margin-top-8px qy-text-center qy-bg-white qy-padding-horizontal-8px qy-border-bottom">
        <a class="mui-col-xs-3" href="${rootPath}/customer/collection/product.do">
            <div class="qy-text-red qy-font-size-22px">${user.productCollectNum}</div>
            <div class="qy-text-black qy-font-size-12px qy-margin-top-2px">套餐收藏</div>
        </a>
        <a class="mui-col-xs-3" href="${rootPath}/customer/collection/product.do">
            <div class="qy-text-red qy-font-size-22px">${user.sellerCollectNum}</div>
            <div class="qy-text-black qy-font-size-12px qy-margin-top-2px">机构收藏</div>
        </a>
        <a class="mui-col-xs-3" href="${rootPath}/customer/collection/article.do">
            <div class="qy-text-red qy-font-size-22px">${user.articleCollectNum}</div>
            <div class="qy-text-black qy-font-size-12px qy-margin-top-2px">内容收藏</div>
        </a>
        <a class="mui-col-xs-3" href="${rootPath}/customer/collection/history.do">
            <div class="qy-text-red qy-font-size-22px">${user.historyNum}</div>
            <div class="qy-text-black qy-font-size-12px qy-margin-top-2px">浏览记录</div>
        </a>
    </div>
    <div class="mui-row qy-text-center qy-bg-white qy-padding-horizontal-8px">
        <a class="mui-col-xs-3" href="">
            <img src="${rootPath}/static/imgs/bluetjk.png" height="30px" />
            <div class="qy-text-black qy-font-size-12px">体检卡</div>
        </a>
        <a class="mui-col-xs-3" href="${rootPath}/customer/invoice/invoice.do">
            <img src="${rootPath}/static/imgs/greentjkorder.png" height="30px" />
            <div class="qy-text-black qy-font-size-12px">发票管理</div>
        </a>
        <a class="mui-col-xs-3">
            <img src="${rootPath}/static/imgs/orageinvoice.png" height="30px" />
            <div class="qy-text-black qy-font-size-12px">套餐咨询</div>
        </a>
        <a class="mui-col-xs-3" href="${rootPath}/customer/help.do">
            <img src="${rootPath}/static/imgs/redhelp.png" height="30px" />
            <div class="qy-text-black qy-font-size-12px">帮助中心</div>
        </a>
    </div>
</div>
</body>
</html>